<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css链接样式</title>
    <!--常见的链接样式-->
    <!--根据上述链接的颜色变化的例子，看它是在什么状态。-->
    <!--让我们通过一些其他常见的方式转到链接样式：-->
    <!--文本修饰-->
    <!--text-decoration 属性主要用于删除链接中的下划线：-->
    <style>
        a.link {text-decoration: none;}  /*unvisited link*/
        a.visited {text-decoration: none;}  /*visited link*/
        a.hover {text-decoration: underline;}  /*mouse over link*/
        a.active {text-decoration: underline;}  /*selected link*/
    </style>
</head>
<body>
<p><b><a href="http://www.runoob.com" target="_blank">This is a link</a></b></p>
<p><b>注意：</b>hover必须在a:link和a:visited之后定义才有效.</p>
<p><b>注意：</b>active必须在hover之后定义是有效的。</p>
</body>
</html>